<%@page contentType="text/html; charset=utf-8"%>
<%@ include file="/commons/taglibs.jsp"%>
<html>
<head>
<title>${key.select}</title>
<link href="${ctx}/styles/listTable.css" rel="stylesheet" type="text/css">
<link href="${ctx}/styles/aux_window.css" rel="stylesheet"	type="text/css">
<link href="${ctx}/styles/mainmenu2.css" rel="stylesheet"	type="text/css">
<link href="${ctx}/styles/show.css" rel="stylesheet" type="text/css">
<script language="JavaScript" src="${ctx}/scripts/common/prototype.js"></script>
<script type="text/javascript">
	var width="${94/(maxHouseSize==null ? 1 : maxHouseSize)}%";
	function initHouseList(){
		<c:forEach items="${houseList}" var="itemList">
          var newTr=$('tableHouse').insertRow();
          var newTd=newTr.insertCell();
			<c:forEach items="${itemList}" var="house" varStatus="status">
				<c:choose>
					<c:when test="${status.first}">
						parent.addTdFirst(newTr,"","${house.floor}F");
						parent.addTd(newTr,"${house.keyword}","${house.houseNumber}",width);
					</c:when>
					<c:otherwise>
						parent.addTd(newTr,"${house.keyword}","${house.houseNumber}",width);
					</c:otherwise>
				</c:choose>
				if(${status.last && status.index<maxHouseSize-1 }){
					var	index=${status.index};
					var k=${maxHouseSize};
					for(var i=0;i< ${maxHouseSize-status.index-1};i++)
						parent.addTd(newTr,"","",width);
				}
			</c:forEach>
		</c:forEach>
	}

	function init(){
		if(${houseList==null}){
			var newTr=$('tableHouse').insertRow();
			parent.addTd(newTr,"","${key.selectTip}",width);
		}else{
			initHouseList();
		}
	}

</script>

</head>
<body onload="init()">
<div style="height:130px;overflow:auto;">
<table width="100%" height="130" border="0" cellpadding="0"
	cellspacing="1">
	<tr>
		<td align="left" valign="top" nowrap class="LeftdownBlock1"
			style="padding-top:3px;">
		<table width="99%" border="0" align="center" cellpadding="0"
			cellspacing="1" class="room_border" id="tableHouse">

		</table>
		</td>
	</tr>
</table>
</div>
</body>